<html>

<head>
    <meta charset="utf-8">
    <meta name="author" content="xsl">
    <title>千图网</title>
    <link rel="stylesheet" href="css/header.css">
</head>

<body>
    <!--最上面-->
    <header>
        <div class="header0">
            <ul>
                <div class="left">
                    <a href="#">
                        <li><img src="imgs/qq.png" alt=""><span class="jt">QQ交谈</span></li>
                    </a>
                    <a href="#">
                        <li><img src="imgs/qun.png" alt=""><span class="gf">官方QQ群</span></li>
                    </a>
                    <a href="#">
                        <li>常见问题</li>
                    </a>
                </div>
                <div class="right">
                    <a href="#">
                        <li><img src="imgs/zhuan.png" alt="">点我赚钱</li>
                    </a>
                    <a href="#">
                        <li>注册</li>
                    </a>
                    <a href="#">
                        <li>登录</li>
                    </a>
                    <a href="#">
                        <li><img src="imgs/qq.png" alt="">QQ登录</li>
                    </a>
                    <a href="#">
                        <li><img src="imgs/weixin.png" alt="">微信登录</li>
                    </a>
                </div>
            </ul>
        </div>
        <!--logo-->

        <div class="header1">
            <a href="#" class="logo"><img src="imgs/logo.png" alt=""></a>
            <ul>
                <a href="#">
                    <li>首页</li>
                </a>
                <a href="#">
                    <li>广告设计</li>
                </a>
                <a href="#">
                    <li>淘宝设计</li>
                </a>
                <a href="#">
                    <li>素材分类</li>
                </a>
                <a href="#">
                    <li>千图灵感</li>
                </a>
                <a href="#">
                    <li>设计工具</li>
                </a>
                <a href="#" class="hot">
                    <li>活动</li>
                    <img src="imgs/hot.png" alt="">
                </a>
                <a href="#" class="new">
                    <li>VIP特权</li>
                    <img src="imgs/new.png" alt="">
                </a>
            </ul>
        </div>

        <!--搜索框-->
        <nav>
            <h1>专注免费设计素材网站</h1>
            <form>
                <input type="text" placeholder="800万张免费设计素材任意下载">
                <input type="button" value="搜全站">
                <input type="button" value="搜原创">
            </form>
        </nav>
    </header>
    <main>
        <!--轮播图-->
        <div id="box">
            <ul class="list">
                <li class="current"><img src="imgs/banner1.jpg" alt=""></li>
                <li><img src="imgs/banner2.jpg" alt=""></li>
                <li><img src="imgs/banner3.jpg" alt=""></li>
                <li><img src="imgs/banner4.jpg" alt=""></li>
                <li><img src="imgs/banner5.jpg" alt=""></li>
                <li><img src="imgs/banner6.jpg" alt=""></li>
                <li><img src="imgs/banner7.jpg" alt=""></li>
                <li><img src="imgs/banner8.png" alt=""></li>
            </ul>
            <ul class="count">
                <li class="current"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
        <!--引入js文件-->
        <script type="text/javascript" src="js/lunbotu.js"></script>
        <!--main1-->
        <div class="main-a">
            <a href="#" class="a1">平面广告</a>
            <a href="#" class="a2">电商淘宝</a>
            <a href="#" class="a3">文档模版</a>
            <a href="#" class="a4">摄影图库</a>
            <a href="#" class="a5">网页UI</a>
            <a href="#" class="a6">多媒体</a>
            <a href="#" class="a7">空间建筑</a>
        </div>
        <!--设计工具-->
        <div class="sj">
            <ul>
                <a href="">
                    <li>
                        <img src="imgs/01.png" alt="">
                        <p>开发手册</p>
                    </li>
                </a>
                <a href="">
                    <li>
                        <img src="imgs/02.png" alt="">
                        <p>UI图标库</p>
                    </li>
                </a>
                <a href="">
                    <li>
                        <img src="imgs/03.png" alt="">
                        <p>淘宝工具</p>
                    </li>
                </a>
                <a href="">
                    <li>
                        <img src="imgs/04.png" alt="">
                        <p>配色工具</p>
                    </li>
                </a>
                <a href="">
                    <li>
                        <img src="imgs/10.png" alt="">
                        <p>网页工具</p>
                    </li>
                </a>
                <a href="">
                    <li>
                        <img src="imgs/06.png" alt="">
                        <p>图标宝</p>
                    </li>
                </a>
                <a href="">
                    <li>
                        <img src="imgs/07.png" alt="">
                        <p>画册宝</p>
                    </li>
                </a>
                <a href="">
                    <li>
                        <img src="imgs/08.png" alt="">
                        <p>在线书法</p>
                    </li>
                </a>
                <a href="">
                    <li>
                        <img src="imgs/09.png" alt="">
                        <p>电商培训</p>
                    </li>
                </a>
                <a href="">
                    <li>
                        <img src="imgs/tao.png" alt="">
                        <p>店铺装修代码</p>
                    </li>
                </a>
                <a href="" class="more">
                    <li>
                        <p>更多设计工具</p>
                    </li>
                </a>
            </ul>
        </div>
        <!--热门-->
        <div class="re">
            <h2><a href="#">更多</a>热门专题</h2>
            <div class="main-b">
                <dl>
                    <a href="#">
                        <dt><img src="imgs/b1.jpg"></dt>
                        <dd>『情人节摄影图』专辑</dd>
                    </a>
                </dl>
                <dl>
                    <a href="#">
                        <dt><img src="imgs/b2.jpg"></dt>
                        <dd>春季元素&amp;背影专辑</dd>
                    </a>
                </dl>
                <dl>
                    <a href="#">
                        <dt><img src="imgs/b3.jpg"></dt>
                        <dd>二十四节气——雨水</dd>
                    </a>
                </dl>
                <dl>
                    <a href="#">
                        <dt><img src="imgs/b4.jpg"></dt>
                        <dd>『主图/直通车』素材</dd>
                    </a>
                </dl>
                <dl>
                    <a href="#">
                        <dt><img src="imgs/b5.jpg"></dt>
                        <dd>热门求职简历</dd>
                    </a>
                </dl>
            </div>
            <!-- 友情链接 -->
            <div class="main-c">
                <div class="title">
                    <span>友情链接</span><a href="#">新素材</a><a href="#">新搜索</a><a href="#">门素材</a><a href="#">热门ppt素材</a><a href="#">热门淘宝素材</a><a
                        href="#">热门装饰素材</a><a href="#">热门专题</a><a href="#">搜索地图</a>
                </div>
                <div class="lian">
                    <ul class="lian-a">
                        <li><a href="#">千图样机</a></li>
                        <li><a href="#">我图网</a></li>
                        <li><a href="#">90设计</a></li>
                        <li><a href="#">摄图网</a></li>
                        <li><a href="#">微信公众平台</a></li>
                        <li><a href="#">图片之家</a></li>
                        <li><a href="#">UI图标库</a></li>
                        <li><a href="#">背景图片</a></li>
                        <li><a href="#">精品素材</a></li>
                        <li><a href="#">千广网</a></li>
                        <li><a href="#">折800官网</a></li>
                        <li><a href="#">深圳地图</a></li>
                        <li><a href="#">背景墙</a></li>
                        <li><a href="#">找工作</a></li>
                        <li><a href="#">PPT模板</a></li>
                        <li><a href="#">爱奇艺广告</a></li>
                        <li><a href="#">装修资讯</a></li>
                        <li><a href="#">视频素材</a></li>
                        <li><a href="#">天气预报查询</a></li>
                        <li><a href="#">包图网</a></li>
                        <li><a href="#">123网址之家</a></li>
                        <li><a href="#">壁纸</a></li>
                        <li><a href="#">QQ头像</a></li>
                        <li><a href="#">电脑壁纸</a></li>
                        <li><a href="#">淮安新闻网</a></li>
                        <li><a href="#">山东门户</a></li>
                        <li><a href="#">经典语录</a></li>
                        <li><a href="#">qq个性签名</a></li>
                        <li><a href="#">PS教程网</a></li>
                        <li><a href="#">我图素材下载</a></li>
                        <li><a href="#">比克尔下载</a></li>
                        <li><a href="#">图片大全</a></li>
                        <li><a href="#">老男人</a></li>
                        <li><a href="#">壁纸</a></li>
                        <li><a href="#">小清新图片</a></li>
                        <li><a href="#">男士时尚</a></li>
                        <li><a href="#">QQ个性签名  </a></li>
                        <li><a href="#">QQ分组</a></li>
                    </ul>
                </div>
            </div>
    </main>
    <footer>
        <div class="footer">
            <div class="fa"><a>官方微博</a><a>常见问题</a><a>版权声明</a><a>商务合作</a><a>售后服务</a><a>新素材</a><a>图片素材</a><a>素材专题</a><a>千图导航</a>
                <a class="tk"></a>
                <a style="color: #888888;">客服电话：400-998-7011</a>
            </div>
            <div class="fb">
                <img src="imgs/logo1.png" alt="">
            </div>
            <div class="fc">
                <a>千图网素材为用户免费分享产生，若发现您的权利被侵害，请联系tousu@58pic.com ，我们尽快处理</a>
            </div><br>
            <div class="fd">
                <a>Copyright © 2015 <a style="color: #3ebb2b;">千图网</a> <a>沪ICP备10011451号-6 用时：0.0123 0.411 秒</a>
                <a class="gs"><img src="imgs/shangbiao.png" alt=""></a> <a>上海工商</a></a>
            </div>
        </div>
    </footer>


</body>

</html>